<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../base/taglibs.jsp" %>
<ssm:overwrite name="style">
<link rel="stylesheet" href="${STATIC}/css/select2.css" />
</ssm:overwrite>
<ssm:overwrite name="context">
									<div id="user-profile-1" class="user-profile row">
										<div class="col-xs-12 col-sm-3 center">
											<div>
												<span class="profile-picture">
													<img id="avatar" class="editable img-responsive" alt="Alex's Avatar" src="assets/avatars/profile-pic.jpg" />
												</span>

												<div class="space-4"></div>

												<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
													<div class="inline position-relative">
														<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
															<i class="icon-circle light-green middle"></i>
															&nbsp;
															<span class="white">${userinfo.name}</span>
														</a>

														<ul class="align-left dropdown-menu dropdown-caret dropdown-lighter">
															<li class="dropdown-header"> Change Status </li>

															<li>
																<a href="#">
																	<i class="icon-circle green"></i>
																	&nbsp;
																	<span class="green">Available</span>
																</a>
															</li>

															<li>
																<a href="#">
																	<i class="icon-circle red"></i>
																	&nbsp;
																	<span class="red">Busy</span>
																</a>
															</li>

															<li>
																<a href="#">
																	<i class="icon-circle grey"></i>
																	&nbsp;
																	<span class="grey">Invisible</span>
																</a>
															</li>
														</ul>
													</div>
												</div>
											</div>

											<div class="space-6"></div>

											<div class="profile-contact-info">
												<div class="profile-contact-links align-left">
													<a class="btn btn-link" href="#">
														<i class="icon-plus-sign bigger-120 green"></i>
														Add as a friend
													</a>

													<a class="btn btn-link" href="#">
														<i class="icon-envelope bigger-120 pink"></i>
														Send a message
													</a>

													<a class="btn btn-link" href="#">
														<i class="icon-globe bigger-125 blue"></i>
														www.alexdoe.com
													</a>
												</div>

												<div class="space-6"></div>

												<div class="profile-social-links center">
													<a href="#" class="tooltip-info" title="" data-original-title="Visit my Facebook">
														<i class="middle icon-facebook-sign icon-2x blue"></i>
													</a>

													<a href="#" class="tooltip-info" title="" data-original-title="Visit my Twitter">
														<i class="middle icon-twitter-sign icon-2x light-blue"></i>
													</a>

													<a href="#" class="tooltip-error" title="" data-original-title="Visit my Pinterest">
														<i class="middle icon-pinterest-sign icon-2x red"></i>
													</a>
												</div>
											</div>

											<div class="hr hr12 dotted"></div>

											<div class="clearfix">
												<div class="grid2">
													<span class="bigger-175 blue">25</span>

													<br />
													Followers
												</div>

												<div class="grid2">
													<span class="bigger-175 blue">12</span>

													<br />
													Following
												</div>
											</div>

											<div class="hr hr16 dotted"></div>
										</div>

										<div class="col-xs-12 col-sm-9">
											<div class="center">
												<span class="btn btn-app btn-sm btn-light no-hover">
													<span class="line-height-1 bigger-170 blue"> 1,411 </span>

													<br />
													<span class="line-height-1 smaller-90"> Views </span>
												</span>

												<span class="btn btn-app btn-sm btn-yellow no-hover">
													<span class="line-height-1 bigger-170"> 32 </span>

													<br />
													<span class="line-height-1 smaller-90"> Followers </span>
												</span>

												<span class="btn btn-app btn-sm btn-pink no-hover">
													<span class="line-height-1 bigger-170"> 4 </span>

													<br />
													<span class="line-height-1 smaller-90"> Projects </span>
												</span>

												<span class="btn btn-app btn-sm btn-grey no-hover">
													<span class="line-height-1 bigger-170"> 23 </span>

													<br />
													<span class="line-height-1 smaller-90"> Reviews </span>
												</span>

												<span class="btn btn-app btn-sm btn-success no-hover">
													<span class="line-height-1 bigger-170"> 7 </span>

													<br />
													<span class="line-height-1 smaller-90"> Albums </span>
												</span>

												<span class="btn btn-app btn-sm btn-primary no-hover">
													<span class="line-height-1 bigger-170"> 55 </span>

													<br />
													<span class="line-height-1 smaller-90"> Contacts </span>
												</span>
											</div>

											<div class="space-12"></div>

											<div class="profile-user-info profile-user-info-striped">
												<div class="profile-info-row">
													<div class="profile-info-name"> Username </div>

													<div class="profile-info-value">
														<span class="editable" id="username">${user.username}</span>
													</div>
												</div>
												
												<div class="profile-info-row">
													<div class="profile-info-name"> CreateTime</div>

													<div class="profile-info-value">
														<span class="editable" id="age">${user.createtime}</span>
													</div>
												</div>
												
												<div class="profile-info-row">
													<div class="profile-info-name"> name </div>

													<div class="profile-info-value">
														<span class="editable" id="age">${userinfo.name}</span>
													</div>
												</div>


												
												<div class="profile-info-row">
													<div class="profile-info-name"> name </div>

													<div class="profile-info-value">
														<span class="editable" id="age">${userinfo.name}</span>
													</div>
												</div>

												<div class="profile-info-row">
													<div class="profile-info-name"> Age </div>

													<div class="profile-info-value">
														<span class="editable" id="age">${userinfo.age}</span>
													</div>
												</div>

												<div class="profile-info-row">
													<div class="profile-info-name"> idcard: </div>

													<div class="profile-info-value">
														<span class="editable" id="signup">${userinfo.idcard}</span>
													</div>
												</div>

												<div class="profile-info-row">
													<div class="profile-info-name"> tel: </div>

													<div class="profile-info-value">
														<span class="editable" id="login">${userinfo.tel}</span>
													</div>
												</div>

												<div class="profile-info-row">
													<div class="profile-info-name">qq</div>

													<div class="profile-info-value">
														<span class="editable" id="about">${userinfo.qq}</span>
													</div>
												</div>
											</div>

											<div class="space-20"></div>

											<div class="widget-box transparent">
												<div class="widget-header widget-header-small">
													<h4 class="blue smaller">
														<i class="icon-rss orange"></i>
														Recent Activities
													</h4>

													<div class="widget-toolbar action-buttons">
														<a href="#" data-action="reload">
															<i class="icon-refresh blue"></i>
														</a>

														&nbsp;
														<a href="#" class="pink">
															<i class="icon-trash"></i>
														</a>
													</div>
												</div>

												<div class="widget-body">
													<div class="widget-main padding-8">
														<div id="profile-feed-1" class="profile-feed">
															<c:forEach items="${LIST}" var="list">
																<div class="profile-activity clearfix">
																	<div>
																		<img class="pull-left" alt="Alex Doe's avatar" src="assets/avatars/avatar5.png" />
																		<a class="user" href="#">${user.username } </a>
																		${ list.content}
	
																		<div class="time">
																			<i class="icon-time bigger-110"></i>
																			${list.createtime }
																		</div>
																	</div>
	
																	<div class="tools action-buttons">
																		<a href="#" class="blue">
																			<i class="icon-pencil bigger-125"></i>
																		</a>
	
																		<a href="#" class="red">
																			<i class="icon-remove bigger-125"></i>
																		</a>
																	</div>
																</div>
															</c:forEach>
														</div>
													</div>
												</div>
											</div>

											<div class="hr hr2 hr-double"></div>

											<div class="space-6"></div>

											
										</div>
									</div>
								</div>
</ssm:overwrite>
<ssm:overwrite name="script">

</ssm:overwrite>
<jsp:include page="../base/base.jsp"></jsp:include>